<template>
  <div id="app">
    <!-- <keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。
　　<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 -->
    <!-- Detail详情页排除，因为详情页不能有缓存 -->
    <keep-alive exclude="Detail">
      <router-view></router-view>
    </keep-alive> 
    <main-tab-bar></main-tab-bar>
  </div>
</template>

<script>
import MainTabBar from 'components/content/mainTabbar/MainTabBar.vue' //底部导航
export default {
  name: 'App',
  components: {
    MainTabBar
  }
}
</script>

<style>
  /**导入全局css文件，因为文件夹取了别名直接引用assets文件夹即可 */
  @import "assets/css/base.css"; 
</style>
